*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;  
}
ul,li{
    list-style: none;
}
//body{
//  width: 1450px;
////  width: 1366px;
//}
.clearbox{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
header{
      width: 100%;
        height: 34px;
        background: #EEEEEE;
        border-bottom: 1px solid #fff;
        position: relative;
        ul{
                width: 1190px;
                line-height:34px;
                height: 34px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                li{
                    color: #666;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    
                    a{
                            color: #666666;
                            line-height: 34px;
                            display: block;
                            float: left;
                            text-align: center;
                            font-size: 12px;
                            margin-left: 11px;
                            margin-right: 11px;
                            text-decoration: none;
                         .as{
                                 display: inline-block;
                                width: 2px;
                                height: 13px;
                                background: #DDDDDD;
                                margin-top: 7px;
                                margin-left:10px;
                         }
                           
                    }
                    
                }
        }
       
}
.head{
    width: 100%;
    img{
        max-width: 100%;
    }
}
.logo{
        width: 100%;
        height: 159px;
        border-bottom: 1px solid #2D2E2E;
        background: #fff;
        position: relative;
    .logo-con{
                width: 1190px;
                line-height:34px;
                height: 34px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                
                li{
                        padding-top: 20px;
                        p{
                            display: flex;
                            align-items: center; 
                    	   img:nth-of-type(1){
                             width: 215px;
                            height: 76px;
                            }
                
                    	.logos{
                                    display: inline-block;
                                    width: 2px;
                                    height: 75px;
                                    background: #DDDDDD;
                                   margin-top: 2px;
                                    margin-left:10px;
                                    margin-right: 10px;
                            }
                    
                        }
                        
                        .form{
                            width: 498px;
                            height: 34px;
                            padding-top:20px ;
                            input{
                                    width: 450px;
                                    height: 34px;
                                    border: 2px solid #323333;
                                    border-right: 0;
                                    float: left;
                                    color: #888888;
                                    font-size: 12px;
                            }
                            
                            .p{width: 498px;
                                 height: 34px;
                                display: flex;
                                span{
                                        display: block;
                                        font-size: 12px;
                                        color: #888888;
                                        padding-right: 12px;
                                }
                                 .nav-bs{
                                         color: #E5004F;
                                 }
                            }
                            .search-img{
                                        border: 0;
                                        width: 44px;
                                        height: 34px;
                                        display: block;
                                        float: left;
                                       
                                        background: url(../img/common1.png) no-repeat;
                                        background-position: 0 -76px;
                            }
                        }
                        
                        
                            .logo-right{
                               margin-top: 20px;
                                    display: block;
                                   
                                    width: 150px;
                                    height: 34px;
                                    background: url(../img/common1.png) no-repeat;
                                    background-position: -55px -76px;
                                    color: #fff;
                                    text-align: center;
                                    line-height: 34px;
                                    font-size: 12px;
                            }
 
            }
                
            }
                    .navl-con{
                        width: 650px;
                        height: 39px;
                        display: flex;
                        li{
                            color: #323333;
                            padding: 5px 19px 11px 20px;
                            border-bottom: 3px solid #fff;
                            font-size: 15px;
                            text-align: center;
                        }
                        li:nth-of-type(1){
                                margin-left: 45px;
                        }
                       
                        
                    }
                    .navl-con li:hover {
                        color: #f86c9b;
                         border-bottom: 3px solid #f86c9b;
                    }
                           .navl-right{
                                width: 152px;
                                height: 39px;
                                 .as{
                                        display: inline-block;
                                        width: 2px;
                                        height: 13px;
                                        background: #DDDDDD;
                                       
                                        margin: 5px 8px 0;
                                 }
                                 a{
                                     color: #666;
                                     text-decoration: none;
                                 }
                                 a>span:hover {
                                     color: #f86c9b;
                                    
                                 }
                           }
     
                    .navl-left{
                            float: right;
                            background: #222222;
                             position: relative;
                            color: #fff;
                            line-height: 39px;
                            width: 210px;
                            height: 39px;
                            font-size: 18px;
                            text-align: center; 
                            z-index: 111;
                            li{
                                background: #222222;
                               
                                
                                color: #fff;
                                line-height: 39px;
                                width: 210px;
                                height: 39px;
                                font-size: 18px;
                                text-align: center; 
                               p{
                                    position: absolute;
                                    left: 200px;
                                    top:39px;
                                    display: none;
                                }
                            }
                             
//                          li:hover p,li{
//                              background:red;
//                              display: block;
//                          }
                            
                    }
    
    }
    
       #lb{
                width: 100%;
                position: relative;
               height: 470px;
            
            img{
                position: absolute;
                width: 100%;
                height: 470px;
            }
            ul{
                position: absolute;
                left: 50%;
                bottom: 0;
                margin-left: -120px;
            }
             ul  li{
                list-style: none;
                float: left;
                text-align: center;
                width: 30px;
                height: 4px;
                border-radius: 0.125rem;
                background: #afafad;
                margin-right: 10px;
            }
            a{
                text-decoration: none;
                width: 30px;
                height: 50px;
                position: absolute;
                top: 50%;
                background: lightgray;
                line-height: 50px;
                font-size: 30px;
                font-weight: bolder;
                text-align: center;
                margin-top: -25px;
            }
            #btnl{
                left: 25%;
            }
            #btnr{
                right:25%;
            }
           
            #cc{ 
                width: 210px; 
              height: 470px;
                 position: absolute;
                  top: 0;
                 left: 75.5%;
               background: #ddd;
                z-index: 111;    
                background: url(../img/banner6.jpg);          
              
            }
    }
    
#qh{
    width: 100%;
    
   
    .qhul{
        width: 1190px;
            position: relative;
            height: 309px;
            margin: 46px auto 26px;
             #qhright{
                         position: absolute;
                        right: 0;
                     top: 0;
                    width: 270px;
                    height: 309px;
            }
             p{
                width: 303px;
                height: 32px;
                border-bottom: 5px solid #333333;            
                text-align: center;
                font-size: 16px;
                color: #000000;
                a{
                    color: #666;
                    text-decoration: none; 
                }
 
            }
            p:hover{
             
              border-bottom-color:  #F86C9B !important;
            }
       
        #qh-w{
//          width: 100%;
//          height: 100%;
            position: relative;
            .tt{
                 position: absolute;
                top:35px;
        
            text-align: center;
            li{
                    width: 220px;
                    height: 260px;
                    
                    margin-right: 5px;
            
                    position: relative;
                    text-align: center;
                    img{
                         width: 220px;
                        height: 260px;
                        border: 1px solid #EEEEEE;
                    }
//                  img:hover{
//                      border: 1px solid #222;
//                  }
                }
             }
             
        }
         #one:target,#two:target,#three:target{
                z-index: 9999;
   
        }
        
        
    }

}

.muan{
    width: 1190px;
    margin: 0 auto;
    img{
        width: 100%;
    }
}

#bh{
    width: 1190px;
   margin: 30px auto 0;
      padding-top: 10px;
        padding-left: 10px;
    .bh-title{
        span{
            display: block;
             padding-top: 10px;
            background: url(../img/mainCommon.png) no-repeat;
            width: 349px;
            height: 36px;
        }
    }
    .bh-mine{
      
          width: 1178px;
        height: 565px;
        border: 1px solid #EEEEEE;
        margin: 0 auto;
       
        .bh-mine-left{
            
                width: 300px;
                height: 555px;
                margin-right: 8px;
                img{
                        width: 300px;
                        height: 555px;
                }
        }
        .bh-mine-right{
                width: 830px;
                height: 555px;
                .tit{
                    height: 35px;
                     border-bottom: 3px solid #333333;
                
                    p{
                            width: 111px;
                            height: 35px;
                            border-bottom: 3px solid #333333;
                          line-height: 35px;
                          a{
                              text-decoration: none;
                          }
                    }
                }
                .bh-mine-right-con{
                     width: 830px;
                     height: 550px;
                     div{
                         margin-left: 5px;
                         img{
                             margin-top: 2px;
                         }
                     }
                     div:hover{
                         opacity: 0.5;
                     }
                }
        }
    }
}

.clnz{
     width: 1190px;
   margin: 30px auto 0;
      padding-top: 10px;
        padding-left: 10px;
    .clnz-title{
        span{
            display: block;
             padding-top: 10px;
             width: 349px;
            height: 36px;
            background: url(../img/mainCommon2.png) no-repeat 0 0;
            background-position: 0px -46px
        }
        
    }
    
    .clnz-mine{
         width: 1178px;
        height: 565px;
        
        margin: 0 auto;
        .c-m-left{
          
            width: 228px;
            height: 370px;
            border: 1px solid #EEEEEE;
            ul{
                 width: 226px;
                height: 178px;
                padding-top: 10px;
                padding-left: 2px;
                li{
                    width: 65px;
                    height: 32px;
                    margin: 3px;
                    line-height: 32px;
                    border: 1px solid #EEEEEE;
                    color: #666666;
                    font-size: 13px;
                    text-align: center;
                }
                li:hover{
                    background: #f86c9b;
                    color: #fff;
                }
            }

        }
        .c-m-cent{
                width: 350px;
                height: 370px;
                margin-left: 8px;
                margin-right: 8px;
                border: 1px solid #EEEEEE;
                img{
                     width: 350px;
                        height: 370px;
                }
                img:hover{
                    opacity: 0.7;
                }
        }
        
        .c-m-right{
                width: 552px;
                height: 372px;
            
                .c-m-r-con{
                    
                
                    div{
                        width: 270px;
                        height: 180px;
                        
                      
                        img{
                            width: 270px;
                            height: 180px;
                            border: 1px solid #eee;
                        }
                        
                        img:hover{
                            border: 1px solid #000;
                        }
                    
                    }
                    .bott{
                        margin-bottom: 8px;
                        }
                        .bott1{
                             margin-right: 8px;
                        }
                }
        }
    }
}

.relt{
    position: relative;
   width: 220px;
   height: 260px;
    img{
        display: block;
        z-index: 1212;
    }


  div:nth-child(2){
                        position:absolute;
                        width: 0px;
                        height: 0px;
                        border: 1px solid #fff;
                        left: -1px;
                        top:-1px; 
                        z-index: -1;
                    }
                    div:nth-child(3){
                        position:absolute;
                        width: 0px;
                        height: 0px;
                        border: 1px solid #fff;
                        left:221px; 
                        top: 263px;
                        z-index: -1;
                    }
                    &:hover{
                        div:nth-child(2){
                            height: 263px;
                            width: 222px;
                            transition: 2s ease;
                            left: -1px;
                            top:-1px; 
                            border: 1px solid #000;
                        }
                        div:nth-child(3){
                            top: -1px;
                            height: 263px;
                            width: 222px;
                            left: -1px;
                            transition: 2s ease;
                            border: 1px solid #000;
                        }
                    }
   
}


  